﻿body {

}
.box:before {
    content: "";
    width: 100%;
    height: 12px;
    position: absolute;
    top: -1px;
    left: -1px;
    background: url(../Content/images/borderTop.png) no-repeat;
    background-size: 100%;
}
.box:after {
    content: "";
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: -1px;
    left: -1px;
    background: url(../Content/images/borderBottom.png) no-repeat;
    background-size: 100%;
}
.box h4 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    color: #fff;
    position: relative;
    line-height: 20px;
}

    .box h4:before {
        content: "";
        width: 4px;
        height: 18px;
        position: absolute;
        background: #4DD89C;
        left: 0;
        top: 1px;
    }
.button-user{background: url(../Content/images/icon1.png) no-repeat;}
.button-setting{background: url(../Content/images/icon2.png) no-repeat;}
.button-logout{background: url(../Content/images/icon3.png) no-repeat;}
.leftBox {
    width: 550px;
    position: absolute;
    left: 20px;
    top: 140px;
}

.rightBox {
    width: 550px;
    position: absolute;
    right: 20px;
    top: 140px;
}